.crop_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  &_actions {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 36px 12px;

    button {
      display: block;
      height: 40px;
      width: 100%;

      &+button {
        margin-left: 12px;
      }
    }
  }

  :global {
    .cropper-container {
      flex: 1;
    }
  }
}
